$spriteSrc:'../icon/sprite/png-sprite.png';
$icon-Pwd: 70px 0px -70px 0px 16px 16px 118px 22px $spriteSrc;
$icon-error: 0px 0px 0px 0px 14px 14px 118px 22px $spriteSrc;
$icon-iptUser: 22px 0px -22px 0px 16px 16px 118px 22px $spriteSrc;
$icon-iptYzm: 46px 0px -46px 0px 16px 16px 118px 22px $spriteSrc;
$icon-loginL: 94px 0px -94px 0px 24px 22px 118px 22px $spriteSrc;
@mixin sprite-width($sprite) {
    width: nth($sprite, 5);
}

@mixin sprite-height($sprite) {
    height: nth($sprite, 6);
}

@mixin sprite-position($sprite) {
    $sprite-offset-x: nth($sprite, 3);
    $sprite-offset-y: nth($sprite, 4);
    background-position: $sprite-offset-x $sprite-offset-y;
}

@mixin sprite-image($sprite) {
    $sprite-image: nth($sprite, 9);
    background-image: url(#{$sprite-image});
}

@mixin sprite($sprite) {
    @include sprite-image($sprite);
    @include sprite-position($sprite);
    @include sprite-width($sprite);
    @include sprite-height($sprite);
}


/*
The `sprites` mixin generates identical output to the CSS template
  but can be overridden inside of SCSS

@include sprites($spritesheet-sprites);
*/

@mixin sprites($sprites) {
    @each $sprite in $sprites {
        $sprite-name: nth($sprite, 10);
        .#{$sprite-name} {
            @include sprite($sprite);
        }
    }
}